<!DOCTYPE html>
<html class="no-js" lang="pt">
<head>
<title>ReviewIt</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<link rel="stylesheet" href="../css/normalize.css" />
<link rel="stylesheet" href="../css/foundation.css" />
<link rel="stylesheet" href="../css/font_awesome.css" />
<link rel="stylesheet" href="../css/app.css" />
<script src="../js/modernizr.js"></script>
</head>
<body>
	<header id="header" class="row">
		<div class="large-12 columns">
			<a id="header-logo" href="" class="left"> <img
				src="../images/reviewit.png" alt="ReviewIt">
			</a>
			<div id="header-user" class="right">
				<a href="" class="button" data-dropdown="menu-user"> <img
					id="header-user-pic" src="../images/user_default.png"> <span
					id="header-user-arrow" class="icon-caret-down"></span>
				</a>
				<ul id="menu-user" class="f-dropdown" data-dropdown-content>
					<li><a href="">Meus Documentos</a></li>
					<li><a href="">Perfil</a></li>
					<li><a href="">Sair</a></li>
				</ul>
			</div>
			<nav id="header-nav" class="right">
				<ul class="button-group right">
					<li id="header-link-home"><a href="frontend_index.html"
						class="small alert button"><i class="icon-home"></i></a></li>
					<li><a href="" data-reveal-id="modal-send-doc"
						class="small button">Enviar Documento</a></li>
					<li><a href="frontend_documents.html"
						class="small secondary button">Documentos</a></li>
					<li><a href="frontend_users.html"
						class="small secondary button">Usuários</a></li>
				</ul>
				<form id="form-search-docs" method="post" action="" class="right">
					<div class="row collapse">
						<div class="small-3 large-2 columns">
							<span class="prefix"><i class="icon-search"></i></span>
						</div>
						<div class="small-9 large-10 columns">
							<input type="text" placeholder="Procurar...">
						</div>
					</div>
				</form>
			</nav>
			<hr>
		</div>
	</header>

	<div id="content" class="row">
		<article class="large-9 columns">
			<h3 id="title-doc">
				<div class="icon-file-alt"></div>
				From the Semantic Web to social machines: A research challenge for
				AI on the World Wide Web
			</h3>
			<div id="doc" /></div>
			<div>
				<div id="doc-rating">
					<a href="" class="icon-caret-up"></a>
					<h2>12345</h2>
					<a href="" class="icon-caret-down"></a>
				</div>
				<div id="doc-description">
					<h4>
						<div class="icon-align-left"></div>
						Descrição
					</h4>
					<hr>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
						Proin eget facilisis nibh. Duis ullamcorper volutpat lorem, sed
						volutpat dolor tempor vitae. Cras vestibulum fringilla justo,
						mollis imperdiet massa elementum quis. Fusce elementum ullamcorper
						justo at egestas. Cras luctus ligula a libero euismod pharetra.
						Mauris condimentum lacus nec nibh sodales non accumsan ante
						feugiat. Pellentesque cursus orci orci, a rutrum ligula.
						Suspendisse iaculis posuere accumsan. Mauris vitae diam lorem.</p>
				</div>
			</div>
			<div id="doc-feedbacks">
				<h4>
					<div class="icon-comment"></div>
					Feedbacks
				</h4>
				<hr>
				<div id="disqus_thread"></div>
			</div>
		</article>

		<aside class="large-3 columns">
			<div id="sidebar-user-info" class="panel callout">
				<span class="icon-user"></span><strong>Autor</strong>
				<hr>
				<a href=""> <img src="../images/user_default.png"> <span
					id="sidebar-user-name">Nome do Autor</span>
				</a>
			</div>
			<div id="sidebar-related-docs" class="panel">
				<span class="icon-tag"></span><strong>Tags</strong>
				<hr>
				<a class="tiny button">Tag 1</a> <a class="tiny button">Tag 2</a> <a
					class="tiny button">Tag 3</a> <a class="tiny button">Tag 4</a> <a
					class="tiny button">Tag 5</a>
			</div>
			<div id="sidebar-related-docs" class="panel">
				<span class="icon-copy"></span><strong>Relacionados</strong>
				<hr>
				<ul>
					<li><a href="">Documento 1</a></li>
					<li><a href="">Documento 2</a></li>
					<li><a href="">Documento 3</a></li>
					<li><a href="">Documento 4</a></li>
					<li><a href="">Documento 5</a></li>
				</ul>
			</div>
		</aside>
	</div>

	<footer id="footer" class="row">
		<div class="large-10 large-centered columns">
			<div id="footer-copyright" class="left">
				&copy; 2013 <a href="">ReviewIt</a>
			</div>
			<div id="footer-social">
				<a href="" target="_blank"><img src="../images/facebook.png"></a>
				<a href="" target="_blank"><img src="../images/twitter.png"></a>
			</div>
			<nav id="footer-nav" class="right">
				<a href="">Home</a> | <a href="">Termos</a> | <a href="">Privacidade</a>
				| <a href="">Ajuda</a> | <a href="">Sobre</a>
			</nav>
		</div>
	</footer>

	<!-- Modals -->
	<div id="modal-send-doc" class="reveal-modal medium">
		<a class="close-reveal-modal">&#215;</a>
		<h3>
			<span class="icon-cloud-upload"></span>Enviar documento
		</h3>
		<form method="post" action="">
			<label for="send-doc-title">Titulo</label> <input id="send-doc-title"
				name="send-doc-title" type="text"> <label
				for="send-doc-description">Descrição</label>
			<textarea id="send-doc-description" name="send-doc-description"></textarea>
			<label for="send-doc-tags">Tags</label> <input id="send-doc-tags"
				name="send-doc-tags" type="text"> <label for="send-doc-file">Documento
				*</label> <input id="send-doc-file" name="send-doc-file" type="file">
			<div id="send-doc-info">
				<span>* Tamanho mÃ¡ximo do arquivo: 5MB</span> <br> <span
					data-tooltip class="has-tip tip-right"
					title="Image files (.JPEG, .PNG, .GIF, .TIFF, .BMP)<br>Video files (WebM, .MPEG4, .3GPP, .MOV, .AVI, .MPEGPS, .WMV, .FLV)<br>Text files (.TXT)<br>Microsoft Word (.DOC and .DOCX)<br>Microsoft Excel (.XLS and .XLSX)<br>Microsoft PowerPoint (.PPT and .PPTX)<br>Adobe Portable Document Format (.PDF)<br>Adobe Illustrator (.AI)<br>Adobe Photoshop (.PSD)<br>Tagged Image File Format (.TIFF)<br>Autodesk AutoCad (.DXF)<br>Scalable Vector Graphics (.SVG)<br>PostScript (.EPS, .PS)<br>TrueType (.TTF)<br>XML Paper Specification (.XPS)<br>">
					* Formatos suportados </span>
			</div>
			<hr>
			<button type="submit" class="small expand">Enviar Documento</button>
		</form>
	</div>

	<!-- Scripts -->
	<script type="text/javascript" src="../js/jquery.js"></script>
	<script type="text/javascript" src="../js/foundation.js"></script>
	<script type="text/javascript" src="../js/app.js"></script>
	<script>
		var disqus_shortname = 'reviewitproject';

        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
	</script>
</body>
</html>